<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>图标字体</title>
    <Link rel="stylesheet" href="../FontAwesome/css/all.css">
    <style>
        /*图标字体(iconfont)
        在网页中经常使用一些图标，可以通过图片来引入图标，但是图片大小本身比较大，并且非常不灵活
        所以在使用图标时，·可以将图标直接设置为字体，再通过font-face的形式对字体引入，可以直接使用字体的形式来使用图标
        图标库：iconfont、font awesome
        将all.css直接引入到文件,直接通过类名来使用图标字体 class="fas fa-bell"            */


    </style>
    <script>

    </script>
</head>
<body>
    <i class="fas fa-bell" style="font-size:100px; color:deeppink"></i>
    <i class="fas fa-bell-slash"></i>
    <i class="fas fa-paw" style="font-size:160px; color:deepskyblue"></i>

    
</body>
</html>